
require('../../assets/css/reset.css')

require('../../assets/css/property.css')

require('./reg.less')

const { default: axios } = require('axios');
// 引入验证码插件
let CaptchaMini = require('captcha-mini'); // 当前验证码

const request=require('../../../utils/request')
console.log(request);


window.onload=function(){
    // 设置验证码
let captcha = new CaptchaMini({
    fontSize: 60, 
    length: 4    //验证码长度
});
// 
let captcha2 = ''
captcha.draw(document.querySelector('#captcha'), r => {
    captcha2=r
        console.log(r, '验证码1');
    });



const inputTel=document.querySelector('#inputTel')
const inputm=document.querySelector('#inputm')
const inputpost=document.querySelector('#inputpost')
const inputpostTc=document.querySelector('#inputpostTc')
const submit=document.querySelector('#submit')


submit.addEventListener('click',()=>{
    // 收集错误信息   
    // console.log(1);
    let errTip = ''
    // 手机号验证
    if(!/^1[3-9]\d{9}$/.test(inputTel.value)){
       errTip = '请输入正确手机号';
        console.log(errTip)
        // e.preventDefault();
    // 判断输入值和验证码是否相等
    }else if(inputm.value.toLowerCase()!==captcha2.toLowerCase()){
        errTip = '验证码错误'
        console.log(errTip);
    }else if(!/^\w{3,6}$/.test(inputpost.value)){
        ///^$/ :完整表达式
        //^ :表示以什么开始，或者取反
        //$ :结束
        //^[A-Za-z_] : 以字母开始，无论大小都可以；
        //[^A-Za-z_] :非字母就可以；
        //[A-Za-z0-9_] ：可以是字母数、字下、划线
        //{5,15} ：可以包含6到16个字符
        ///例如^[A-Za-z_][A-Za-z0-9_]{5,15}$/;
        //"a12345df";
        errTip = '密码格式错误'
        console.log(errTip);
    }else if(inputpost.value!==inputpostTc.value){
        errTip = '密码不一致'
        console.log(errTip);
    }else{
        console.log('验证通过 可以发送请求');
        // 在表单验证全部正确之后 发送请求 看后台是否有已注册的账号
        // 如果没有添加上
        
        request.post('/api/user/isExist',{
            account:inputTel.value,
        }).then(function(res){
            // console.log(res);
            // 如果已经有了 就判断返回从新注册
            let {errno,message}=res.data;
            // 判断errno =0可以 errno=10002已经存在
            if(errno===0){
                // 发送请求？
                request.post('/api/user/register',{
                    account:inputTel.value,
                    password:inputpost.value,
                }).then(res=>{
                    console.log('res :>> ', res)
                    // 解构函数
                    let{errno,data}=res.data
                    // 判断
                    if(errno===0){
                        // 处理数据
                        localStorage.setItem('user:', JSON.stringify(data));
                        alert('注册成功')
                        location.href='./login.html'
                    }
                })
            }else{
                alert(message)//用户名已存在
            }
        }).catch(function(err){
            console.log(err);
        })
        

    }
    // 在网页上提示
    if(errTip){
        alert(errTip)
    }

})
}






